import "./display .css"
import { useNavigate } from "react-router-dom"
export default (props) => {
    console.log("props", props.goodsList);
    const navigate = useNavigate()
    const lounge = (e, name) => {
        console.log(e);
        navigate(`/MaSearch?id=${e}`)
    }
    return <div className="conrneg">
        <div className="showing">
            <ul className="list">
                {
                    props.goodsList.map((items, i) => {
                        return (

                            <li key={i} onClick={(e) => lounge(items.Id)}>
                                <img src={items.imageUrl} alt="" />
                                <h4 >{items.title}</h4>
                                <p className="boxs">
                                    <span className="price">￥{items.priceStr}</span>
                                    <span className="price" dangerouslySetInnerHTML={{ __html: items.mack }}></span>
                                </p>
                            </li>

                        )
                    })
                }
            </ul>
        </div>
    </div>
}

